Two scripts working together 90%

**nhatrang** · 08-02-2007, 11:17 AM

1) Script Title:
Virtual Pagination script
CMotion Image Gallery
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...iongallery.htm
http://www.dynamicdrive.com/dynamici...pagination.htm

3) Describe problem:

Everything is working fine, except when you go another pagination, and go back to the one with CMotion attached, the images doesn't appear...

please help...

**nhatrang** · 08-02-2007, 06:59 PM

I tried on my localhost and still doesn't work... does it have to be live on the internet or something?

**ddadmin** · 08-03-2007, 05:28 AM

Neither scripts need to be run online to work. Do you have a URL to the problem page?

**nhatrang** · 08-03-2007, 09:05 AM

I do not... I've tried this with firefox, and it works great actually... but with ie is something else...

**ddadmin** · 08-03-2007, 09:45 AM

When you say "working together", do you mean the two scripts merely being on the same page, or have you merged them somehow? That's why a URL would help.

**nhatrang** · 08-03-2007, 09:47 AM

I basically put the scrolling script inside the pagination script so one of the tabs that has pictures, and those pictures get scroll... but when you go to another tab and go back to it, it's gone... only in IE.. but firefox, it works like a charm.

**nhatrang** · 08-04-2007, 04:54 AM

is there a place where i can use to post up my examples? I would love to get some help from this since I am so close to making this happen...

**ddadmin** · 08-04-2007, 09:08 AM

I did some testing, and can confirm the problem. I'm not sure there's an easy fix though. Basically it looks like in IE, some bug in causing images to not show up when wrapped in a container set up similar to the cMotion's. The HTML for cMotion btw looks like this:

Code:

<div id="motioncontainer" style="position:relative;overflow:hidden;">
<div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;">

<nobr id="trueContainer"><a href="javascript:enlargeimage('dynamicbook1.gif')"><img src="http://www.cssdrive.com/gallery/poweredbygamespy.gif" border=1></a> <a href="javascript:enlargeimage('dynamicbook1.gif', 300, 300)"><img src="http://www.cssdrive.com/gallery/poweredbygamespy.gif" border=1></a> <a href="http://www.dynamicdrive.com"><img src="http://www.cssdrive.com/gallery/poweredbygamespy.gif" border=1></a> <a href="#"><img src="http://www.cssdrive.com/gallery/poweredbygamespy.gif" border=1></a> <a href="#"><img src="http://www.cssdrive.com/gallery/poweredbygamespy.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="http://www.cssdrive.com/gallery/poweredbygamespy.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="http://www.cssdrive.com/gallery/poweredbygamespy.gif" border=1></a></nobr>

</div>
</div>

The images above are wrapped in two DIV (relative than absolute DIVs). The bug pops up when the above HTML is inserted in a virtual page that's initially hidden. If you put the HTML on the first virtual page instead, you'll see that they show up just fine. If I come up with something after a bit of tinkering, I'll let you know, though you should probably look at using another slideshow within the Virtual Pagination script that doesn't use a complex containership like in cMotion.